import React, { Component } from 'react'

export default class Test extends Component {
  constructor(props) {
    super(props)
    console.log(this.props)
  }

  handle = () => {
    // this.props.test = '嘿嘿'
    // this.props.obj.name = 'ls'
    // this.props.obj = {name:'ls'}
    // console.log(this.props.obj)
  }
  render() {
    // console.log(this.props)
    // const { comType } = this.props

    return (
      <div>
        Test
        <p>{this.props.test}</p>
        <p>{this.props.obj.name}</p>
        <button onClick={this.handle}>按钮</button>
        {/* 如果传入的是一个标签, 可以直接渲染 */}
        {this.props.ele}
        {/* 如果传入的是一个组件类型, 并且需要使用这个组件,就直接按照使用组件的方式使用 */}
        {/* 下面这样写,明显不是标签的写法,react也可以当做组件去解析 */}
        <this.props.comType></this.props.comType>
        {/* 注意: 下面的书写方式,react无法判断是标签还是组件 */}
        {/* <comType></comType> */}
        {/* 如果传入的就是一个组件实例,直接渲染 */}
        {this.props.com}
      </div>
    )
  }
}
